<!DOCTYPE html>
<html xmlns:th="http://www.w3.org/1999/xhtml">

	<head>
		<title>首页</title>
		<hearshop th:replace="shopheader"></hearshop>
		<link href="/shop/css/hmstyle.css" rel="stylesheet" type="text/css" />
	</head>

	<body>
		<!--navigator-->
		<div class="hmtop">
			<div class="shopNav">
				<tns th:replace="top-nav-search"></tns>
				<navtable th:replace="nav-table"></navtable>
				<div class="clear"></div>
				<b class="line"></b>
				<div style="margin: 0px auto; max-width: 1200px;">
					<!--carousel-->
					<div class="am-slider am-slider-default scoll" data-am-flexslider id="demo-slider-0">
						<ul class="am-slides">
							<li th:each="c,i:${carousel}" th:class="'banner'+${i.count}">
								<a th:href="${c.link}?${c.link}"><img th:src="${c.img}" /></a>
							</li>
						</ul>
					</div>
					<div class="clear"></div>
				</div>
			</div>
		</div>

		<div class="shopMainbg">
			<div class="shopMain" id="shopmain">
				<!--floor-->
				<div th:each="category,index:${categories}" th:class="'f'+${index.count}">
					<div class="am-container ">
						<div class="shopTitle">
							<h4 class="floor-title" th:text="${category.name}"></h4>
							<div class="floor-subtitle">
								<em class="am-icon-caret-left"></em>
								<h3 th:text="${category.get('description')}?${category.description}"></h3>
							</div>
							<div class="today-brands " style="right: 0px; top: 13px;">
								<each th:remove="!${category.hson}?all" th:each="son,i:${category.hson}" th:remove="tag">
									<a th:id="|category_name:${son.name};category_id:${son.id};pid:${son.parent_id};page:1;limit:36;|" th:text="${son.name}"></a>
									<vline th:remove="${category.hson.size()} eq ${i.count}?all:tag">|</vline>
								</each>
							</div>
						</div>
					</div>

					<div class="am-g am-g-fixed floodSix" th:object="${category.goods}">
						<div class="am-u-sm-5 am-u-md-3 text-one list">
							<div class="word">
								<a class="outer" th:remove="!${category.get('bson')}?all" th:each="bson:${category.bson}" th:id="|category_name:${bson.name};category_id:${bson.id};pid:${bson.parent_id};page:1;limit:36;|">
									<span class="inner"><b class="text" th:text="${bson.name}"></b></span>
								</a>
							</div>
							<a th:href="'introduction/'+${category.goods[0].id}"><img th:src="${category.goods[0].list_pic_url}" />
								<div class="outer-con ">
									<div class="title" th:text="${category.goods[0].goods_brief}"></div>
									<div class="sub-title" th:text="'¥'+${category.goods[0].retail_price}"></div>
								</div>
							</a>
							<div class="triangle-topright"></div>
						</div>

						<div class="am-u-sm-7 am-u-md-5 am-u-lg-2 text-two big">
							<div class="outer-con ">
								<div class="title" th:text="${category.goods[1].goods_brief}"></div>
								<div class="sub-title" th:text="'¥'+${category.goods[1].retail_price}"></div>
							</div>
							<a th:href="'introduction/'+${category.goods[1].id}"><img th:src="${category.goods[1].list_pic_url}" /></a>
						</div>

						<li>
							<div class="am-u-md-2 am-u-lg-2 text-three">
								<div class="boxLi"></div>
								<div class="outer-con ">
									<div class="title" th:text="${category.goods[2].goods_brief}"></div>
									<div class="sub-title" th:text="'¥'+${category.goods[2].retail_price}"></div>
								</div>
								<a th:href="'introduction/'+${category.goods[2].id}"><img th:src="${category.goods[2].list_pic_url}" /></a>
							</div>
						</li>
						<li>
							<div class="am-u-md-2 am-u-lg-2 text-three sug">
								<div class="boxLi"></div>
								<div class="outer-con ">
									<div class="title" th:text="${category.goods[3].goods_brief}"></div>
									<div class="sub-title" th:text="'¥'+${category.goods[3].retail_price}"></div>
								</div>
								<a th:href="'introduction/'+${category.goods[3].id}"><img th:src="${category.goods[3].list_pic_url}" /></a>
							</div>
						</li>
						<li>
							<div class="am-u-sm-4 am-u-md-5 am-u-lg-4 text-five">
								<div class="boxLi"></div>
								<div class="outer-con ">
									<div class="title" th:text="${category.goods[4].goods_brief}"></div>
									<div class="sub-title" th:text="'¥'+${category.goods[4].retail_price}"></div>
								</div>
								<a th:href="'introduction/'+${category.goods[4].id}"><img th:src="${category.goods[4].list_pic_url}" /></a>
							</div>
						</li>
						<li>
							<div class="am-u-sm-4 am-u-md-2 am-u-lg-2 text-six">
								<div class="boxLi"></div>
								<div class="outer-con ">
									<div class="title" th:text="${category.goods[5].goods_brief}"></div>
									<div class="sub-title" th:text="'¥'+${category.goods[5].retail_price}"></div>
								</div>
								<a th:href="'introduction/'+${category.goods[5].id}"><img th:src="${category.goods[5].list_pic_url}" /></a>
							</div>
						</li>
						<li>
							<div class="am-u-sm-4 am-u-md-2 am-u-lg-4 text-six">
								<div class="boxLi"></div>
								<div class="outer-con ">
									<div class="title" th:text="${category.goods[6].goods_brief}"></div>
									<div class="sub-title" th:text="'¥'+${category.goods[6].retail_price}"></div>
								</div>
								<a th:href="'introduction/'+${category.goods[6].id}"><img th:src="${category.goods[6].list_pic_url}" /></a>
							</div>
						</li>
					</div>
					<div class="clear "></div>
				</div>
			</div>
		</div>
		<footer th:replace="footer"></footer>
		<tips th:replace="tips"></tips>
		<!--引导、移动端显示 -->
		<div class="navCir">
			<li class="active">
				<a href="/"><i class="am-icon-home "></i>首页</a>
			</li>
			<li>
				<a href="/sort"><i class="am-icon-list"></i>分类</a>
			</li>
			<li>
				<a href="/shopcart.html"><i class="am-icon-shopping-basket"></i>购物车</a>
			</li>
			<li>
				<a href="/shop/person/index.html"><i class="am-icon-user"></i>我的</a>
			</li>
		</div>
		<script type="text/javascript " src="shop/basic/js/quick_links.js "></script>
	</body>

</html>